iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
自我挑戰組

一個月的後端學習之旅系列 第 2

【DAY2】 JS簡介、基本規則

  • 分享至 

  • xImage
  •  

JavaScript 是一種腳本,可以讓你在網頁中實現出複雜的功能。網頁不只呈現靜態的內容,另外提供了像是:內容即時更新、繪製 2D/3D 圖形、影片播放控制……等,JavaScript 可以直接被寫在網頁的 HTML 中,並在頁面加載時自動運行。

JavaScript 語言的核心包含了很多常用的程式功能使用,如:將有用的值存儲在變數中、執行程式碼回應網頁上發生的某些事件。然而,基於用戶端的 JavaScript 語言構建的功能,也就是所謂的應用程式介面(API),提供 JavaScript 程式額外的超能力。

程式碼放哪裡?

程式碼被放在 HTML 頁面的最下方<script>,方便在任何 JavaScript 加載之前,讓 HTML、CSS 有時間加載,用戶無需等待 JavaScript 被解析完成,即可在網頁中先看到某些內容。

常見的函數

  • console.log() 將 message 輸出到 Web 控制台,message 可以是單個 string,也可以是任何一個或多個 JavaScript Object

  • window.alert() 指示瀏覽器顯示帶有可選消息的對話框,並等待用戶關閉對話框

  • window.prompt() 指示瀏覽器顯示帶有可選消息的對話框,提示用戶輸入一些文字,並等待用戶提交文字或取消對話框

基本規則 Lexical Structure

  • Case Sensitive JavaScript 中的大小寫是有差別的 (upper case 大寫, lower case 小寫)

  • 空白鍵、換行鍵等等在 JavaScript 當中會全部被忽略

  • JavaScript 的當行註解是//,多行則是包裹在/* */內部

  • 變數名稱需要由文字、underscore ( _ ) 、dollar sign ( $ ) 當作開頭(不能用數字開頭)

  • 內部有關鍵字(reserved words 保留字, keywords),例如:null, of, if, then, in, finally, for, while, break, continue, switch, try, let, const, var 等等,不能當作變數名稱

  • 使用 Unicode 字元集合,所以 String 內部可由任何 Unicode 文字組成

  • Semicolons -> ; 可用來分隔程式語句,Semicolons 的使用是 optional(選擇性)

以上就是今天簡介、基本規則的介紹,下一篇會來學習變數與賦值。


上一篇
【DAY1】 前言
下一篇
【DAY3】變數與賦值
系列文
一個月的後端學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言